<script setup lang="ts">
import {
  useDarkMode,
  useToggleDarkMode
} from "@/composables/useToggleDarkMode";

const onClickRight = (event: TouchEvent | MouseEvent) => {
  useToggleDarkMode(event);
};
</script>

<template>
  <van-nav-bar fixed placeholder title="企业微信" left-arrow left-text="" @click-right="onClickRight">
    <template #left>
      <van-icon size="16px" class="arrow-left-icon" name="arrow-left" />
      <van-icon size="16px" name="cross" />
    </template>
  </van-nav-bar>
</template>

<style scoped>
.arrow-left-icon {
  margin-right: 10px;
}
</style>
